<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Author" contect="http://www.webqin.net">
<title>忘记密码</title>
<!-- 引入Vue -->
<script src="../js/vue.min.js"></script>
<!-- 引入axios -->
<script type="text/javascript"
	src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.0/axios.min.js"></script>
<link rel="shortcut icon" href="../images/favicon.ico" />
<link type="text/css" href="../css/getBack.css" rel="stylesheet" />

</head>

<style>
    .content{
            width: 1200px;
            min-height: 500px;
            border-radius: 10px;
            font-family: "neo";
            overflow: hidden;
            box-shadow: 0px 0px 120px #19B5FE;
            position: fixed;
            top: 50%;
            right: 40%;
            margin-top: -250px;
            margin-right: -490px;
            background: linear-gradient(45deg,#19B5FE);
        }
     
</style>
<body>

  <div class="content">
   <div class="web-width">
     <div class="for-liucheng">
      <div class="liulist for-cur"></div>
      <div class="liulist for-cur"></div>
      <div class="liulist"></div>
      <div class="liulist"></div>
      <div class="liutextbox">
       <div class="liutext for-cur"><em>1</em><br /><strong>填写账户名</strong></div>
       <div class="liutext for-cur"><em>2</em><br /><strong>验证身份</strong></div>
       <div class="liutext"><em>3</em><br /><strong>设置新密码</strong></div>
       <div class="liutext"><em>4</em><br /><strong>完成</strong></div>
      </div>
     </div><!--for-liucheng/-->
     <form class="forget-pwd" style="margin-left: 26pc" method="post">
      	<dl style="padding-left: 0px">
        <dt>验证码：</dt>
        <dd><input type="text" v-model="user.code"/></dd>
        <div class="clears"></div>
       </dl>
       <div class="subtijiao" style="padding-left: 130px"><input type="button" value="提交" @click="verification" /></div> 
      </form><!--forget-pwd/-->
      <script>
			var v = new Vue({
				el : ".forget-pwd",
				data:{
					user:{code:""}
	    		},
	    		methods:{
	    			verification(){
   						var params = new URLSearchParams();
   						params.append("code",this.user.code);
	    				axios.post("../sendEmial.s",params).then(res=>{
	    					if(res.data.code==1){
	    						location.href="forgetPwd3.html";
	    					}else{
	    						alert(res.data.msg);
	    					}
	    				});
	    			}
	    		}
	    	});
	</script>
   </div><!--web-width/-->
  </div><!--content/-->
  
</body>
</html>
